<template>
    <div>
      <div class="jg_item1" v-for="i,k in list" :key="k" @click="toDetail(i.identification)">
        <div class="flex">
          <van-image class="chain_logo" :src="i.logo||'https://guizhou-oss.oss-cn-guiyang-gzdata-d01-a.res.gzdata.com.cn/qiji/1726132616782.jpg'" mode="aspectFill"></van-image>
          <div class="chain_name" v-html='i.company_name'></div>
        </div>
        
        <div class="flex_w">
          <div class="chain_label color1" v-if="i?.business?.com_state">
            {{i?.business?.com_state||'-'}}
          </div>
          <div class="chain_label color2">
            {{i.label_name[0]?i.label_name[0]:'-'}}
          </div> 
          <div class="chain_label" v-for="chain in i.chain_name.slice(0,2)" :key="chain.id">
            {{ chain }}
          </div>
        </div>
        
        <div class="xx_div flex_ac">
          <div class="xx_item xx_color1">{{i.legal}}</div>
          <div class="xx_item">|</div>
          <div class="xx_item">{{i.register_money}}</div>
          <div class="xx_item">|</div>
          <div class="xx_item">{{i.register_time_str}}</div>
        </div>
        <div class="address"><img src="../../assets/img/address.png">{{ i.address }}</div>
        <div class="phone"><img src="../../assets/img/mobile.png">{{ i.elephone }}</div>
        <!-- <div class="ys_div flex_ac flex_sb">
          <div class="ys_name">
            优势
          </div>
          <div class="ys_shu">
            
          </div>
          <div class="ys_item">
            <div class="ys_text">投资意向分</div>
            <div class="ys_num">{{i.score}}</div>
          </div>
          <div  class="ys_item">
            <div class="ys_text">对外投资</div>
            <div class="ys_num">{{i.invest_total||0}}</div>
          </div>
          <div class="ys_item">
            <div class="ys_text">专利</div>
            <div class="ys_num">{{i.patentTotal||0}}</div>
          </div>
        </div> -->
      </div>
    </div>
    </template>
    <script>
    export default {
      props: {
        list: {
          default:[]
        }
      },
      data() {
        return {
          
        }
      },
      methods:{
        toDetail(identification){
          this.$router.push({name:'companyDetail',query:{identification}})
        },
      }
    }
    </script>
    <style lang="scss" scoped>
    .address {
        font-family: PingFang-SC-Regular;
        color:#333;
        font-size: 13px;
        img {
            width: 10px;
            margin-right: 5px;
        }
    }
    .phone {
        font-family: PingFang-SC-Regular;
        color:#333;
        margin-top: 5px;
        font-size: 13px;
        img {
            width: 10px;
            margin-right: 5px;
        }
    }
    .jg_item1{
        margin: 10px;
        background: #FFFFFF;
        border-radius: 3px;
        padding: 10px;
    }
    .js_total{
        margin: 10px;
        font-size: 10px;
        color: #333333;
        text{
            color:#FA6827;
        }
    }
    
    .chain_logo{
        height: 20px;
        width: 20px;
        margin-right: 10px;
    }
    .chain_name{
        font-size: 16px;
        color: #000000;
    }
    .chain_desc{
        font-size: 12px;
        color: #333333;
        margin: 10px 0;
    }
    .com_num{
        height: 30px;
        background: rgba(19,138,242,0.06);
        border-radius: 5px;
        line-height: 30px;
        font-size: 12px;
        color: #FA6827;
        padding: 0 10px;
    }
    .chain_label{
        height: 17px;
        line-height: 17px;
        padding: 0 7px;
        background: rgba(19,138,242,0.1);
        border-radius: 3px;
        margin-top: 10px;
        font-size: 10px;
        color: #138AF2;
        margin-right: 10px;
    }
    .color1{
        background: rgba(48,149,59,0.1);
        color: #2F953A;
    }
    .color2{
        color: #EB7418;
        background: rgba(235,116,24,0.1);
    }
    
    .xx_item{
        font-size: 12px;
        color: #999999;
        margin-right: 8px;
    }
    .xx_color1{
        color: #FA6827;
    }
    .xx_div{
        margin:10px 0;
    }
    
    .ys_div{
        width: 100%;
        height: 55px;
        background: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #F0F0F0;;
        margin-top: 10px;
        .ys_name{
            font-style: italic;
            font-weight: 900;
            font-size: 14px;
            color: #FA6827;
            margin: 0 10px;
        }
        .ys_item{
            text-align: center;
            width: calc(33% - 20px);
            .ys_text{
                font-size: 12px;
                color: #666666;
            }
            .ys_num{
                font-size: 12px;
                color: #FA6827;
                margin-top: 8px;
            }
        }
        .ys_shu{
            width: 1px;
            height: 35px;
            background: #F0F0F0;
        }
    }
    </style>